<template>
  <view class="manage main-box feat-grid">


    <view v-for="(item,index) in renderData.list" class="script-item script-item-small">

      <view @click="handleJump(item)" class="script-item-box fx-row-b">
        <view class="script-item-box-img main-bg"
              :style="{'background-image': 'url('+ item.script?.cover +')'}"
        >
        </view>

        <view class="script-item-box-content fx-col-b">
          <view class="script-item-box-content-title fx-row-s">
            <view class="title-name com-overflow">{{ item.script?.title }}</view>
            <view class="title-count">管理员</view>
          </view>
          <view class="script-item-box-content-author fx-row-b">
            <view class="fx-row-s" style="align-items: end;">
              <view class="script-item-box-content-author-text"> 账号：1900002342423423424234234242342342423423423</view>
            </view>
          </view>
        </view>

        <view class="script-item-box-op">
          <button class="icon-btn-e icon-btn-s2">更换</button>
        </view>
      </view>

    </view>

    <view class="play-popup">
      <uv-popup :mask="true" v-model="renderData.isDisplayPerson" border-radius="20" mode="bottom" height="auto">
        <comPerson :formState="renderData.tagObj" :fun="handleSelFilter"></comPerson>
      </uv-popup>
    </view>

    <uv-toast ref="loginToast"></uv-toast>
    <toast></toast>

    <button class="icon-btn-b icon-btn-s1">邀请门店成员</button>
  </view>

</template>


<script setup>
import { reactive, ref,computed} from "vue";
import { ossImage,jump } from '@/utils/index'
import { header,color } from '@/enums/constants';
import { onLoad } from "@dcloudio/uni-app";
import loginApi from "@/apis/login";
import comPerson from './comPerson'
import { userStore } from "@/stores";
import qs from "qs";

const store = userStore();
const loginToast = ref(null);

const renderData = {
  isDisplayPerson:true,
  list:[
    {
      script:{
        cover:'https://tcs.teambition.net/thumbnail/112x551aad230e75f65a0ac07ea44a2ca1ef/w/200/h/200',
        title:'你好',
        user:{nickname:'www'}
      }
    }
  ],

}

const isReadyLogin=()=>{
  let text = ['请您勾用户选协议','请您输入电话号码','请您输入验证码'];
  let index = undefined;
  if(!isChecked.value){
    index = 0;
  }
  if(!formData.phone){
    index = 1;
  }
  if(!formData.code){
    index = 2;
  }
  if(index === undefined){
    return true;
  }else{
    loginToast.value.show({
      title:text[index],
      type:'warning',
      position:'top'
    })
  }
}


</script>

<style lang="scss" scoped>
.manage {
  background-color: $main-text-e;
  .script-item-box{
    &-img{
      width: 80rpx;
      height: 80rpx;
    }
    &-op{
      .icon-btn-e{
        background-color: transparent !important;
      }
      .icon-btn-e:after{border:1px solid $main-text-b;}
    }
  }


}

</style>
